<template>
    <div class="orderdetails">
        <MyDatails>
            <template #left>
                <van-icon name="arrow-left" @click="$router.push('/myOrder')" />
            </template>
            <template #text>
                <h3>订单详情</h3>
            </template>
        </MyDatails>
        <div class="orderdetails_main">
            <div class="">{{ list.end_time }}</div>
            
        </div>
    </div>
</template>

<script setup>
import { reactive, toRefs, ref } from 'vue'
import { useRouter, useRoute } from 'vue-router';
import axios from 'axios';
const data = reactive({
    list: [],
})
const route = useRoute()
console.log(route.query.id);
const { push } = useRouter()
axios.post("https://www.lexuemiao.com/api/order/orderdetails", {
    order_id: route.query.id
}).then((res) => {
    console.log(res.data.data.info);
    data.list = res.data.data.info
})
const { list } = toRefs(data)
</script>
<style scoped lang='scss'>
.orderdetails {
    width: 100vw;
    height: 100vh;

    .orderdetails_main {
        width: 700px;
        margin: auto;
        height: 396px;
        box-shadow: 0 0.04rem 0.09333rem 0 hsl(0deg 0% 81%);
        margin-top: 30px;
        border-radius: 20px;
    }
}
</style>
